const path = require("path");
const webpack = require('webpack')
module.exports = {
  publicPath: "./",
  //打包时文件输出地址
  outputDir: "dist",
  //放置生成的静态资源 (js、css、img、fonts) 的目录。
  assetsDir: "static",
  //指定生成的 index.html 的输出路径 (相对于 outputDir)  绝对路径
  indexPath: "index.html",
  //文件名哈希
  filenameHashing: true,
  lintOnSave: true,
  devServer: {
    host: "0.0.0.0", //默认是 localhost。如果你希望服务器外部可访问，指定如下 host: '0.0.0.0'，设置之后之后可以访问ip地址
    port: 8085,
    hot: true, //hot配置是否启用模块的热替换功能，devServer的默认行为是在发现源代码被变更后，通过自动刷新整个页面来做到事实预览，开启hot后，将在不刷新整个页面的情况下通过新模块替换老模块来做到实时预览。
    hotOnly: false, // hot 和 hotOnly 的区别是在某些模块不支持热更新的情况下，前者会自动刷新页面，后者不会刷新页面，而是在控制台输出热更新失
    https: false,
    proxy: {
      // https://qypymsq.nccloudmedia.com/index.php http://192.168.1.118/yiminshequ_grid/public/index.php
      "/api": {
        target: "https://qypymsq.nccloudmedia.com/index.php",

        changeOrigin: true,

        secure: false, //false为http访问，true为https访问

        pathRewrite: {
          "^/api": ""
        }
      }
    },
    overlay: {
      warning: true,
      errors: true
    }
  },
  chainWebpack: config => {
    config.plugin('provide').use(webpack.ProvidePlugin, [{
      $: 'jquery',
      jquery: 'jquery',
      jQuery: 'jquery',
      'window.jQuery': 'jquery'
    }])
    config.module
    .rule('vue')
    .test(/\.vue$/)
    .use('style-vw-loader')
    .loader('style-vw-loader')
    .options({
      viewportWidth:1920,
      viewportHight:1080
    })
  }
  // pluginOptions: {
  //   "style-resources-loader": {
  //     preProcessor: "less",
  //     patterns: [path.resolve(__dirname, "src/assets/common/global.less")]
  //   }
  // }
};
